<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<script type="text/javascript" src="${ctx}/res/js/systemMonitor/userOperationMonitor/userOperationMonitorList.js"></script>
	</head>
	<body>
		<center>
			<table>
			<!-- 查询条件区域 -->
				<tr>
					<td>
						<div class="list_query">
						<table>
							<form  method="post" id="queryForm">
							   <tr>
								<td>
									<label>START_TIME</label>
								</td>
								<td>
									<input readonly  type="text" style="margin-top:10px;" name="start_time" placeholder="请输入START_TIME" id="start_time" maxlength="12" value=""/>
								</td>
								<td>
									&nbsp;&nbsp;&nbsp;&nbsp;<label>END_TIME</label>
								</td>
								<td>
									<input readonly type="text" style="margin-top:10px;" name="end_time" placeholder="请输入END_TIME" id="end_time" maxlength="30" value="${currentTime }"/>
								</td>
								<td><label style="margin-left:137px;">OP_TYPE</label>
								</td>
								<td>
									<select id="op_type" name="op_type" style="width:220px;height:32px;font-size:15px;margin-left:15px;"  >
											<option value=""> 全部</option>
											<option value="i">登陆</option>
											<option value="o">登出</option>	
											<option value="a">攻击</option>
											<option value="b">黑名单用户</option>									
									</select>
								</td>
							   </tr>
							   <tr>
								<td >
									<label style="margin-left:84px;">IP</label>
								</td>
								<td>
									<input type="text" style="margin-top:10px;" name="ip" placeholder="请输入IP" id="ip" maxlength="30" value=""/>
								</td>
								<td>
									<label>HOST_NAME</label>
								</td>
								<td>
									<input type="text" style="margin-top:10px;margin-left:14px;" name="host_name" placeholder="请输入HOST_NAME" id="host_name" maxlength="30" value=""/>
								</td>
								<td>
									<label>USERNAME_CN/USERNAME</label>
								</td>
								<td>
									<input type="text" style="margin-top:10px;" name="create_user" placeholder="请输入USERNAME" id="create_user" maxlength="12" value=""/>
								</td>
							   </tr>								
							</form>								
							</table>
						</div>
					</td>
				</tr>
			
				<!-- 按钮操作区域 -->
				<tr>
					<td>
						<div class="list_toolbar">
						    <div class="toolButton" onclick="queryUserOperationMonitorList()">查询</div>
							<div class="toolButton" onclick="queryUserOperationMonitorDetail()">查看详情</div>							
						</div>
					</td>
				</tr>
			
				<!-- 表头区域 -->
				<tr>
					<td>
						<table class="list_grid">
							<thead>
								<tr>
								    <th	>OPERATION_TIME</th>
									<th >USERNAME</th>
									<th >USERNAME_CN</th>
									<th >OP_TYPE</th>									
									<th >IP</th>
									<th >HOST_NAME</th>																	
									<th style="width: 1px;"></th>
								</tr>
							</thead>
						</table>
					</td>
				</tr>
				
				<!-- 数据区域 -->
				<tr>
					<td>
						<div class="list_scrollControlDiv">
							<table class="list_grid" style="border-spacing: 0;">
								<tbody id="tBodyList">
								</tbody>
							</table>
						</div>
					</td>
				</tr>
			
				<!-- 分页控件区域 -->
				<tr>
					<td>
						<div id="pagination" class="pagination"></div>
					</td>
				</tr>
			</table>	
		</center>		
		<form id="submitForm" method="post" action="${ctx}/systemMonitor/userOperationMonitor/userOperationMonitorDetails.do">
			<input type="hidden" name="operationId"/>
		</form>	
		<input type="hidden" name="pageType" id="pageType" value="${pageType }" />
	</body>
</html>